<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title> Realtime Related Stream Bar -  Realtime Search without Photos or Videos</title>
<!-- Not related to the plugin -->
<link href='http://u.moretechtips.net/demo.css' rel='stylesheet' type='text/css' />
<!-- Not related to the plugin -->

<!-- Required CSS -->
<style type="text/css">
/* container */
div.related-stream{ 
	width:700px
}
/* inner div */
div.rrs-inner{
	border:silver 1px solid;
	height:48px;
	padding:4px;
	overflow:hidden;
	position:relative;
}
/* Collecta badge : must keep it */
div.rrs-inner a.rrs-collecta{
	display:block;
	right:2px;
	bottom:2px;
	width:16px;
	height:16px;
	position:absolute;
}
/* ul list */
div.rrs-inner ul{
	float:left;
	padding:0 0 0 0;
	margin:0 20px 0 0;
}
div.rrs-inner li{
	float:left;
	margin:0 0 0 0;
	list-style-type:none;
	position:relative;
}

/* avatar */
div.rrs-inner span.rrs-avatar{
	display:block;
	width:48px;
	height:48px;
	margin:0 5px 0 0;
	overflow:hidden;
	left:0;
	position:absolute;
}
/* author name */
div.rrs-inner .rrs-author{
	font-weight:bold;
	text-decoration:none;
}

/* result body */
div.rrs-inner span.rrs-body {
	display:block;
	margin-left:55px;
}
/* result content */
div.rrs-inner span.rrs-content{
}
/* customize links */
div.rrs-inner a.rrs-link { }

/* result date and category */
div.rrs-inner span.rrs-meta {
	color:#999999;
	display:block;
	font-size:0.764em;
	margin:3px 0 0;
}
/* customize date link */
div.rrs-inner a.rrs-date { }
/* customize category */
div.rrs-inner a.rrs-category { }
</style>
<!-- Required CSS -->

<!-- Required JS -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://realtime-related-stream-bar.googlecode.com/files/jquery.relatedstream-1.0.min.js"></script>
<!-- Required JS -->
</head>
<body>
	<h1> Realtime Related Stream Bar -  Realtime Search without Photos or Videos</h1>
	
	<!-- Required HTML -->
	<div class="related-stream" options="{
		debug:1
	   	,get_photo:0
   		,get_video:0
		,animate:'lineHeight'
		,default_avatar:'http://groups.google.com/group/collecta-developer/icon'
	}">loading..</div>
	<div style="clear:both"></div>
	<!-- Required HTML -->


	<p>
		Tags : <a href='http://www.moretechtips.net/search/label/jQuery' rel='tag'>jQuery</a>
		, <a href='http://www.moretechtips.net/search/label/CSS' rel='tag'>AJAX</a>
		, <a href='http://www.moretechtips.net/search/label/CSS' rel='tag'>CSS</a>
		
	</p>


	<div id="footer">
		<a class="icon" href="http://www.moretechtips.net/" title="More Tech Tips!"></a>
		<a class="link" href="http://www.moretechtips.net/2009/10/realtime-realted-stream-bar-collecta.html">Back to post</a>
	</div>
	
	<script type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</script><script type="text/javascript">try { var pageTracker = _gat._getTracker("UA-5465067-5"); pageTracker._trackPageview();} catch(err) {}</script>
</body>
</html>
